import React, { useEffect, useState } from 'react'

function Com() {
    let [count, setCount] = useState(10000)
    let [num, setNum] = useState(888)
    // 实例期
    // useEffect(() => {
    //     console.log('模拟生命周期')
    // })

    // useEffect(callback, []) 那个数据都不监听  首次执行
    // 存在期
    // useEffect(() => {
    //     console.log('count发生了改变')
    // }, [count])

    // useEffect(() => {
    //     console.log('num发生了改变')
    // }, [num])

    // 销毁器
    useEffect(() => {
        return () => {
            console.log('我是销毁器')
        }
    })
    return (
        <div>
            <h3>
                { count }
            </h3>
            <button onClick = {() => {
                setCount(count + 1)
            }}>+++</button>
             {/* <h3>
                { num }
            </h3>
            <button onClick = {() => {
                setNum(num + 1)
            }}>+++</button> */}
        </div>
    )
}

export default Com
